I suggest to try and solve this via CSS. The shell bar is setting pointer-events: none to the avatar, which is part of the problem. The second part is the focus styles of the button, placing an absolute container over the content of the button "stealing" the pointer events. Perhaps, is better to set pointer events there instead.

I suggest to try and solve this via CSS. The shell bar is setting pointer-events: none to the avatar, which is part of the problem. The second part is the focus styles of the button, placing an absolute container over the content of the button "stealing" the pointer events. Perhaps, is better to set pointer events there instead.

I made the solution CSS pointer event based as discussed, and moved the test to the Shellbar cypress file to avoid parasitic import in the Avatar cypress file.